.topWarp { width: 100%; height: 925px; background: #26457F; overflow: hidden; position: relative; z-index: 1;}
.topWarp .cjBox { width: 100%; height: 660px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 6; background: url(../images/en-img-cj-1.gif) no-repeat 0 bottom;}
.dc { position: absolute; width: 800px; height: 282px; left: 100%; bottom: 144px; z-index: 4;}
.dc img { position: absolute; left: 0; top: 0;}
.dy { position: absolute; width: 160px; height: 100px; right: 30%; top: 130px; z-index: 4;}
.xl { position: absolute; width: 400px; height: 282px; left: 80%; top: 40px; z-index: 5;}
.air { position: absolute; top: 320px; left: 90%; opacity: 1;  z-index: 4;}
.qq {position: absolute; left: 70%; z-index: 3;}
.qq img { position: absolute; top: 500px; left: 0;}
.qq img:nth-child(2) { left: 100px; }
.qq img:nth-child(3) { left: 130px;}
.exch { position: absolute;}
.exch img { position: absolute; left: 0; top: 0; display: none;}
.exch img.show{ display: block;}
.cars { display: none; opacity: 0;}
.rws,.cars { position: absolute; z-index: 9;}
.rws.lr {left: 20%; bottom: 545px;}
.rws.rg {left: 35%; bottom: 510px;}
.rws.xlh {left: 60%; bottom: 390px;}
.cars.bus {left: 20%; bottom: 328px;}
.cars.suv {left: 56%; bottom: 308px;}
.cars.car {left: 70%; bottom: 206px;}
.air {  top: 200px; left: 90%; transform: scale(.6);}

/*.topWarp { transform: scale(.5);}*/

@media screen and (min-width: 1260px) and (max-width: 1700px) {
	.comic_warp { height: 640px;}
	.comic_warp .topWarp{transform: scale(.7);top: -140px; left: -22%; width: 145%;}
	
}